<html>
  <head>
    <title>Registration Form</title>
    <!--Include CSS-->
    <link href="css/site.css" rel="stylesheet" type="text/css"/>
    <!--Include JS-->
    <script type="text/javascript" src="js/register.js"></script>


  </head>

  <body>
    <form name="register" >
      <table border="1" cellpadding="5  " align="center" width="80%">
        <thead>
          <tr><th colspan="2">Please fill the details</th></tr>
        </thead>
        <tbody>

          <tr>
            <td align="right">Name :</td>
            <td>
                <input  name="uname" type="text" value="Rasmus Lerdorf" placeholder="My name is"/>

          </td>
          </tr>

          <tr>
            <td align="right">Password :</td>
            <td>
              <input  placeholder="My Password is" type="password" name="password" />
              </td>
          </tr>

          <tr>
            <td align="right">Confirm Password :</td>
            <td><input  placeholder="Confirm password"  type="password"/></td>
          </tr>

          <tr>
            <td align="right">Date Of Birth :</td>
            <td><input  placeholder="YYYY/MM/DD" type="date" /></td>
          </tr>

          <tr>
            <td align="right">Email :</td>
            <td>
              <input  placeholder="example@gmail.com" name="email" type="email" /></td>
          </tr>

          <tr>
            <td align="right">Gender :</td>
            <td>
            <label><input type="radio" name="gender" value="0"/>Male</label>
            <label><input type="radio" name="gender" value="1"/>FeMale</label></td>
          </tr>

          <tr>
            <td align="right">Address :</td>
            <td><textarea rows="4" cols="20"></textarea></td>
          </tr>

          <tr>
            <td align="right">Country :</td>
            <td>
            <select>
              <option>-Select-</option>
              <option>India</option>
              <option>Pakistan</option>
              <option>Nepal</option>
              <option>China</option>
            </select></td>
          </tr>

          <tr>
            <td align="right">Languages Known:</td>
            <td>
            <select multiple>
              <option>C</option>
              <option>C++</option>
              <option>PHP</option>
              <option>.NET</option>
            </select></td>
          </tr>

          <tr>
            <td align="right">Hobbbies :</td>
            <td>
              <label><input type="checkbox" name="hobbies" value="cricket"/>Cricket</label>
              <label><input type="checkbox" name="hobbies" value="football"/>Football</label>
              <label><input type="checkbox" name="hobbies" value="hockey"/>Hockey</label>
              <label><input type="checkbox" name="hobbies" value="others"/>Others</label>

            </td>
          </tr>

           <tr>
            <td align="right">Avatar :</td>
            <td><input type="file"/></td>
          </tr>

          <tr>
            <td align="right">&nbsp;</td>
            <td><input onClick="return validate();" type="submit"/></td>
          </tr>

        </tbody>
      </table>
    </form>

    <script>
      alert(document.register.uname.value)
    </script>
  </body>
</html>
